<style lang="less">

</style>

<template>
  <div >
    <Row style="height:100vh">
      <Col span="3" style="background-color: rgb(81,90,110);height: 100vh">
      <Menu active-name="1-1" theme="dark" width="auto">
        <div style="width:100%;height:10vh;line-height:10vh;text-align: center;"><img style='height:6vh' align="middle" src="../assets/logo.png"/></div>
        <MenuItem name="1-1 "  to="/general">
          <Icon type="md-globe" />
          <span>整体情况</span>
        </MenuItem>
        <MenuItem name="1-2" to="/dim">
          <Icon type="logo-buffer" />
          <span>健康维度</span>
        </MenuItem>
        <MenuItem name="1-3" to="/tenant">
          <Icon type="ios-search"></Icon>
          <span>租户详情</span>
        </MenuItem>
        <MenuItem name="1-4" to="/a">
          <Icon type="ios-settings"></Icon>
          <span>大屏</span>
        </MenuItem>
      </Menu>
      </Col>
      <Col span="21" style="background-color: rgb(245,247,249);height:100vh">
      <div style="height:10vh;line-height:10vh;background-color:white;font-size:4vh;padding-left: 2vh">
        集中化大数据PaaS平台租户（应用）健康度
      </div>
      <div style="margin:1vh;height:86vh">

        <router-view></router-view>
      </div>
      </Col>

    </Row>
  </div>
</template>

<script>
  import b_general from './b_general'
  import config from '../config.js'
  import Axios from 'axios'
  export default {
    components: {
      b_general
    },
    mounted() {
      this.getData();
    },
    methods:{
      getData(){
        Axios.get(config.url+'/data')
          .then(response => {

             this.$store.commit('change_general_data', response.data)

          })
          .catch(error => {
            console.log(error);
          });
      }
    }
  };
</script>
